<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 

 localStorage存储
本地存储数据的
特点：本地存储数据的不需要网络、大小5M 、域内安全、永久存储、只要不删除，就一直存在
语法：
设置：localStorage.setItem(key, value)
获取：localStorage.getItem(key)
删除：localStorage.removeItem(key)
全部删除：localStorage.clear();


 -->

<body>
    <script>
        //设置本地存储 存储一个账号  存储：一般都是对象
        var name = 'lilei';
        var mima = 123;
        localStorage.setItem('username', name);
        localStorage.setItem('password', mima);
        // 存储复杂数据类型—复杂的数据类型需要转换成字符串再存储—JSON.stringify()
        var arr = [10, 20, 30, 'hello', 'world'];
        localStorage.setItem('arr', JSON.stringify(arr));

        var obj = {
            name: 'huahua',
            age: 20
        };
        localStorage.setItem('obj', JSON.stringify(obj));
        //获取
        var getArr = localStorage.getItem('arr');
        console.log(JSON.parse(getArr));
        var objStr = localStorage.getItem('obj')
        console.log(JSON.parse(objStr));

        //删除  删除某一个key属性
        //   localStorage.clear();
    </script>
</body>

</html>